<template>
  <div>
    <v-app-bar color="#F5F5F5" dense>
      <v-btn icon @click="back">
        <v-icon>mdi-chevron-left</v-icon>
      </v-btn>
      <v-toolbar-title class="body-1">商品信息</v-toolbar-title>

      <v-spacer></v-spacer>

      <v-btn icon>
        <v-icon>mdi-share-outline</v-icon>
      </v-btn>

      <v-btn icon>
        <v-icon>mdi-heart-outline</v-icon>
      </v-btn>
    </v-app-bar>
  </div>
</template>

<script>
export default {
  name: 'app-topbar',
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>
